<!DOCTYPE html>
<html>
	<head>
		<title>管理员信息</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../css/layui.css" media="all">
		<link rel="stylesheet" href="../../style/admin.css" media="all">
	</head>
	<style>
		body {
			width: 100%;
			/* height: 100%; */
			background-color: #f2f2f2;
		}
		.layui-table-cell{
		   height:38px;
		   line-height: 36px;
		}

		.container {
			background-color: #ffffff;
			margin: 1.25rem;
			padding: 0.5rem;
			height: 300px;
		}
		.selectpage .layui-form-item {
		    display: flex;
		    width: 250px;
		}
		
		.selectpage .layui-input-block
		.layui-form-item {
		    /* width: 200px; */
		    /* width: 268px; */
		    display: flex;
		}
		
		.layui-input-block input {
		    width: 200px;
		}
		
		.formdemo {
		    display: flex;
		}
		.layui-form-pane .layui-input-block {
		    margin-left: 50px;
		    /* left: -1px; */
		}
		
		.styleInput {
			margin-left:-100px;
		    width: 200px;
		}
		
		.labelname {
		    width: 150px;
		}
		
		.list .layui-select-title input,
		.popupinput {
		    width: 300px !important;
		    margin-bottom: 20px;
		}
	</style>
	<body>
		<div class="layui-fluid" style="padding-top: 10px;">
			<div class="layui-card">
				<div class="layui-card-header" style="font-size: 20px">管理员信息</div>
				<div class="layui-card-body" style="padding: 15px;">

					<div class="demoTable" style="margin-bottom: 10px;">
						搜索：
						<div class="layui-inline">
							<input class="layui-input" name="search" id="search" autocomplete="off">
						</div>
						<button type="button" class="layui-btn" data-type="reload" id="btn_search">搜索</button>
						<div class="layui-btn layuiadmin-btn-useradmin add" data-type="importData" style="margin-left: 555px;width:150px">新增</div>
						<!-- <button type="button" class="layui-btn layui-btn-primary" id="uploadExcel"><i class="layui-icon"></i>导入Excel</button> -->
					</div>

					<table id="table" lay-filter="table"></table>

				</div>
			</div>
		</div>

		<div class="layui-fluid addPanel" style="display: none;margin-top: 20px;margin-left: 30px;">
			<form class="layui-form  addForm" lay-filter="addForm">
				<div class="layui-form-item">
					<label class="layui-form-label">用户名：</label>
					<div class="layui-input-block">
						<input type="text" name="name" autocomplete="off" placeholder="请输入管理员名称" class="layui-input popupinput">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">角色：</label>
					<div class="layui-input-block">
						<input type="radio" name="rid" value="1" title="超级管理员">
						<input type="radio" name="rid" value="2" title="管理员">
					</div>
				</div>
				<div class="layui-form-item">
					<div style="margin-left: 160px;margin-top: 20px;font-size: 10px;">tips：初始密码为123456</div>
				</div>
			</form>
		</div>
		
		<div class="layui-fluid addPanel1" style="display: none;margin-top: 20px;">
			<form class="layui-form  addForm1" lay-filter="addForm1">
				<div class="layui-form-item">
					<label class="layui-form-label">用户名：</label>
					<div class="layui-input-block">
						<input type="text" name="name" autocomplete="off" placeholder="请输入管理员名称" class="layui-input popupinput">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">角色：</label>
					<div class="layui-input-block">
						<input type="radio" name="rid" value="1" title="超级管理员">
						<input type="radio" name="rid" value="2" title="管理员">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">密码：</label>
					<div class="layui-input-block">
						<input type="password" name="password" autocomplete="off" placeholder="请输入密码" class="layui-input popupinput">
					</div>
				</div>
				
			</form>
		</div>




		<script src="../../layui.js"></script>
		<script src="../../plugins/vue/vue.min.js"></script>
		<script src="../../plugins/jquery/jquery.min.js"></script>
		<script src="../../js/store/numberManage.js"></script>
		<script src="../../js/utils/common.js"></script>
		<script src="../../js/utils/interceptor.js"></script>
		<script src="../../js/utils/md5.js"></script>



		<script type="text/html" id="img">
			<div>
			<img style="height:35px;width:35px;line-height:50px!important;border-radius: 50%;" src="{{d.avatar}}">
			</div>
	   </script>

		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
	   <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	   </script>

	</body>
</html>
